<!-- 移动端 -->

<template>
  <WebForm v-if="readyOne" labelPosition="top">
    <MyBase />

    <MyWelcome />

    <MyQuestion />

    <MyThanks />

    <MyFooter />
  </WebForm>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import Detail from '../Detail'
import store from './store'

// ============================== 导出组件 ============================== //

export default CORE.extend(Detail, {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'Mobile',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixStore(store)],

  /**
   * 属性注册 (抽取以便查阅)
   */
  props: {
    cardId: { type: String, required: true }, // 浙政厅卡片 ID
  },

  /**
   * 监听属性 (深度 deep 首次 immediate)
   */
  watch: {
    ...Detail.watch,

    /**
     * 监听浙政厅卡片 ID
     */
    cardId: {
      immediate: true,
      handler(cardId) {
        this.infoParam.instanceId = this.one.instanceId = cardId
        this.startInfo()
      },
    },
  },
})
</script>
